import Vue from 'vue'
import Vuex from 'vuex'
// 状态持久化
// 1.下载 yarn add vuex-persistedstate@3.2.1
// 2.导入
import createPersistedState from 'vuex-persistedstate'
import axios from 'axios'

Vue.use(Vuex)

export default new Vuex.Store({
  // 配置为 vuex 的插件
  plugins: [createPersistedState()],
  state: {
    // localStorage.getItem('token')
    token: '',
    // 用户信息
    userInfo: null
  },
  getters: {
  },
  mutations: {
    // 更新token
    updateToken(state, token) {
      state.token = token
    },
    updateUserInfo(state, info) {
      state.userInfo = info
    }
  },
  actions: {
    // 获取用户信息
    async getUserInfo(context) {
      const ret = await axios.get('/my/userinfo', {
        // 设置请求头  (没有设置拦截器时 可以暂时写在这里)
        headers: {
          Authorization: context.state.token
        }
      })
      // console.log(ret);
      if (ret.data.code === 0) {
        // 获取成功,更新状态
        context.commit('updateUserInfo', ret.data.data)
      }
    }
  },
  modules: {
  }
})
